<!--
 * @文件名称：  vuexGetters.vue
 * @包路径：   vuexMutations
 * @版权所有： 北京数字医信科技有限公司 (C) 2020
 *
 * @文件描述:  vuexMutations
 * @版本:       vuexMutations
 * @作者        zhangshumiao
 * @创建时间    2020/5/13 16:08
 *
 * @修改记录： vuexMutations
  -----------------------------------------------------------------------------------------------
   ----------- 时间      |   修改人    |     修改的方法       |         修改描述   ---------------
  -----------------------------------------------------------------------------------------------
-->
<template>
  <div>
   <p v-for="item in todos" :key="item.id">{{item.id}}</p><br/>
   {{count}}
<!--    <p v-for="item in getNums" :key="item.id">{{item.done}}</p><br/>-->
    <!-- {{getLength}}<br/> -->
    <!-- {{userComput}} -->
    <el-button @click="vuexGetters">vuexGetters</el-button>
  </div>
</template>

<script>
// import { mapGetters } from 'vuex'
export default {
  name: 'vuexGetters',
  computed: {
    todos() {
      return this.$store.getters.doneTodos;
    },
    getters() {
      return this.$store.getters.getLength;
    },
    getNums() {
      return this.$store.getters.getNum;
    },
    count() {
      return this.$store.getters.doneCount;
    }
  },
  // computed: {
  //   userComput() {
  //     return 'userComput'
  //   },
  //   // ...mapGetters(['getLength'])
  // },
  mounted() {
    console.log(this.$store.getters.doneTodos);
  },
  methods: {
    vuexGetters() {
      this.$store.commit('mutDoneTodos', 1)
      this.$store.commit('mutDoneCount')
      // this.$store.commit('mutNum')
    }
  }
}
</script>


<style>

</style>
